.example-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  }
.example-container2 {
  display: flex;
  flex-direction: column;
  max-width: 30%;
  margin: auto
  }
  @media only screen and (max-width: 600px) {
    .mobile-view {
      max-width: 90%;
    }
  }
  .example-container > * {
    width: 100%;
  }
  
  .example-right-align {
    text-align: right;
  }
  
  input.example-right-align::-webkit-outer-spin-button,
  input.example-right-align::-webkit-inner-spin-button {
    display: none;
  }
  
  input.example-right-align {
    -moz-appearance: textfield;
  }
  .forget-pwd{
    margin-top: 16px;
    font: 16px;
    color: blue;
    text-decoration: underline;
    
  }
  .forget-pwd:hover{
    cursor: pointer;
  }